8e:I[903690,["/chat-static/_next/static/chunks/0cxp4op0m1119.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/2druaqheowhl8.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/00c0bu24wji78.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/2o82vp45o81e5.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/2lvmzw_lbp-jf.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/2gyzl_dalq47j.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/0sex0gcwdsmjy.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/0wkge2f3s0f22.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/1ggzqs8-kdl22.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/0rrc9lo-bkkh5.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/1j5k8gvtw8gdc.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/42mjea_hxrwdp.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/0a4mwgsvj_bqu.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/1t2vvxh4dupb4.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/3-pn4n4eze_76.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/1ovy71-w2povn.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/05vo5x924wz4s.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/37rh4z4c9595s.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/0hms8tz4_m27c.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/332d35_pah0kr.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/18k2gve12j479.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/1j9njtdk43kba.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/1idn80rtjcasd.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/0-pi40mz7bqkr.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/2nl7z8xw_3un6.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/1mo0iq2atp502.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/3-9165k65ag24.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/326ugcf3n9jpc.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/27d-e_mtrq80p.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/046fqcvlcxx_w.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/0h9h3jzy0z9y4.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/1pr8_b61w-4h9.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/16ot-3kwt24hs.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/3usbrh3-7_sgf.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/31wev-p231v4h.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/23crm4bdujzj_.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/3crl-ybxc1u5r.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/24jtal64lwnrj.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/02buq-_-_ooco.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/3ec3uj44xo5pu.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/013l2updr-opq.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/0xfnk8tx-4t2w.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK"],"ExplicitChatIdProvider"] 8f:I[838238,["/chat-static/_next/static/chunks/0cxp4op0m1119.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/2druaqheowhl8.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/00c0bu24wji78.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/2o82vp45o81e5.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/2lvmzw_lbp-jf.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/2gyzl_dalq47j.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/0sex0gcwdsmjy.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/0wkge2f3s0f22.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/1ggzqs8-kdl22.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/0rrc9lo-bkkh5.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/1j5k8gvtw8gdc.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/42mjea_hxrwdp.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/0a4mwgsvj_bqu.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/1t2vvxh4dupb4.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/3-pn4n4eze_76.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/1ovy71-w2povn.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/05vo5x924wz4s.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/37rh4z4c9595s.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/0hms8tz4_m27c.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/332d35_pah0kr.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/18k2gve12j479.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/1j9njtdk43kba.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/1idn80rtjcasd.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/0-pi40mz7bqkr.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/2nl7z8xw_3un6.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/1mo0iq2atp502.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/3-9165k65ag24.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/326ugcf3n9jpc.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/27d-e_mtrq80p.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/046fqcvlcxx_w.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/0h9h3jzy0z9y4.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/1pr8_b61w-4h9.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/16ot-3kwt24hs.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/3usbrh3-7_sgf.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/31wev-p231v4h.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/23crm4bdujzj_.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/3crl-ybxc1u5r.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/24jtal64lwnrj.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/02buq-_-_ooco.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/3ec3uj44xo5pu.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/013l2updr-opq.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK","/chat-static/_next/static/chunks/0xfnk8tx-4t2w.js?dpl=dpl_4iDh1MHCYDBHEAhqmxUFQtt6yFMK"],"SWRDataProvider"] 90:T1637,[V0_FILE]typescriptreact:file="components/kokonutui/profile-03.tsx" import { Sparkles } from "lucide-react" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Textarea } from "@/components/ui/textarea" import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar" interface ProfileFormProps { defaultValues?: { name: string username: string avatar: string bio: string location?: string website?: string twitter?: string instagram?: string } } export default function ProfileForm({ defaultValues }: ProfileFormProps) { return (

Upload / Generate a new avatar

Display Name

Username

Bio

</div>
        <div className="space-y-4">
          <h3 className="text-sm font-medium text-zinc-700 dark:text-zinc-300">Social Links</h3>
          <div className="grid gap-4">
            {["website", "twitter", "instagram"].map((social) => (
              <div key={social} className="grid gap-2">
                <Label htmlFor={social} className="capitalize text-zinc-700 dark:text-zinc-300">
                  {social}
                </Label>
                <Input
                  id={social}
                  placeholder={social === "website" ? "https://your-website.com" : "@username"}
                  defaultValue={defaultValues?.[social as keyof typeof defaultValues]}
                  autoComplete="off"
                  className="bg-white dark:bg-zinc-900/50 border-zinc-200/80 dark:border-zinc-800/80
                                             focus:border-zinc-300 dark:focus:border-zinc-700
                                             focus:ring-1 focus:ring-zinc-200 dark:focus:ring-zinc-800
                                             placeholder:text-zinc-400 dark:placeholder:text-zinc-600"
                />
              </div>
            ))}
          </div>
        </div>
      </div>
      <div className="flex justify-end gap-4">
        <Button
          variant="outline"
          className="border-zinc-200/80 dark:border-zinc-800/80 hover:bg-zinc-50 dark:hover:bg-zinc-900/50"
        >
          Cancel
        </Button>
        <Button className="bg-zinc-900 dark:bg-zinc-100 text-white dark:text-zinc-900 hover:bg-zinc-800 dark:hover:bg-zinc-200">
          Save Changes
        </Button>
      </div>
    </div>
  )
}
84:["$","$L8e",null,{"chatId":"grCdhhHLDTv","children":["$","$L8f",null,{"data":{"@\"active-block\",\"grCdhhHLDTv\",":{"id":"b_8Um2PEZ5Lrk","messageId":"GQPHaWDvABTQitIXr6XunCLvNXq3j42H","source":"$90","language":"typescriptreact","type":"code-project","closed":true,"meta":{"id":"profile-03","type":"code-project","project":"profile-03"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"grCdhhHLDTv\",":false,"":null},"children":"$L91"}]}]
</article></body></html>

About

Tags

Share

About

Tags

Share

More from kokonut

More Templates Like This